﻿<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!doctype html>
<%@include file="/header.jsp" %>
<!--当前位置-->
<div class="width1200 center_yh hidden_yh font14" style="height:40px;line-height:40px;">
	<span>当前位置:</span>
	<a href="../index.html" class="c_66">首页&gt;</a>
	<a href="index.html" class="c_66">个人中心&gt;</a>
	<span>我的订单</span>
</div>
<div class="width100 hidden_yh" style="background:#f0f0f0;padding-top:34px;padding-bottom:34px;">
	<div class="width1200 hidden_yh center_yh">
    	<div id="vipNav">
        <a name="content" href="${pageContext.request.contextPath}/member/personal.jsp#content" class="on">账户总览</a>
            <a name="account" href="${pageContext.request.contextPath}/member/account.jsp#account">个人信息</a>
            <a name="order" href="${pageContext.request.contextPath}/member/order.jsp#order">我的订单</a>
            <a name="favorite" href="${pageContext.request.contextPath}/member/favorite.jsp#favorite">商品收藏</a>
            <a name="cart" href="${pageContext.request.contextPath}/member/cart.jsp#cart">我的购物车</a>
            <a name="changepwd" href="${pageContext.request.contextPath}/member/changepwd.jsp#changepwd">修改密码</a>
            <a name="aftersale1" href="${pageContext.request.contextPath}/member/aftersale1.jsp#aftersale1">售后管理</a>
            <a name="address" href="${pageContext.request.contextPath}/member/address.jsp#content">收货地址</a>
        </div>
        <div id="vipRight">
            <div style="width:938px;border:1px solid #ddd;background:#fff;">
            	<!--导航-->
            	<div class="width100 hidden_yh" style="height:74px;line-height:74px;background:#f5f8fa;border-bottom:1px solid #ddd;" id="navLt">
                    <span class="left_yh font24 width20 tcenter cursor onHover onorange slect">全部订单</span>
                    <span class="left_yh font24 width20 tcenter cursor onHover onorange">待付款</span>
                    <span class="left_yh font24 width20 tcenter cursor onHover onorange">待发货</span>
                    <span class="left_yh font24 width20 tcenter cursor onHover onorange">待收货(2)</span>
                    <span class="left_yh font24 width20 tcenter cursor onHover onorange">待评价(2)</span>
                </div>
                <!--全部订单-->
                <div class="allGoods width100 hidden_yh hhD" style="display:block;">
                	<!--bottom(一条)-->
                	<div class="width100 hidden_yh">
                    <!--标题-->
                	<div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                    	2017.09.28 14:30
                        订单号600123456001
                        物流运输中
                    </div>
                    <!--之一-->
                    <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                    	<img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                        <div class="left_yh" style="width:580px;">
                        	<h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                            <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                            <p class="red" style="margin-top:10px;">￥268.00</p>
                        </div>
                        <div class="right_yh">
                        	<a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                            <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">退款/退货</a>
                            <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">查看物流</a>
                        </div>
                    </div>
                    <!--之一-->
                    <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                    	<img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                        <div class="left_yh" style="width:580px;">
                        	<h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                            <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                            <p class="red" style="margin-top:10px;">￥268.00</p>
                        </div>
                        <div class="right_yh">
                        	<a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                            <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">退款/退货</a>
                            <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">查看物流</a>
                        </div>
                    </div>
                    <!--总结-->
                    <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tleft">
                    	<font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                        <a href="javascript:void(0)" class="c_33 onHover font20 onorange right_yh" style="margin-top:">确认收货</a>
                    </div>
                	</div>
                	<!--bottom(一条)-->
                	<div class="width100 hidden_yh">
                	<div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                    	2017.09.28 14:30
                        订单号600123456001
                        交易成功
                        <b style="width:26px;height:26px;margin-top:12px;margin-right:68px;" class="right_yh block_yh cursor mG hidden_yh"><img src="${pageContext.request.contextPath}/assets/images/shanchu.png" width="26" height="52"></b>
                    </div>
                    <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                    	<img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                        <div class="left_yh" style="width:580px;">
                        	<h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                            <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                            <p class="red" style="margin-top:10px;">￥268.00</p>
                        </div>
                        <div class="right_yh">
                        	<a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                        </div>
                    </div>
                    <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tleft">
                    	<font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                        <a href="javascript:void(0)" class="c_33 onHover font20 onorange right_yh" style="margin-top:">去评价</a>
                    </div>
                </div>
                	<!--bottom(一条)-->
                	<div class="width100 hidden_yh">
                	<div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                    	2017.09.28 14:30
                        订单号600123456001
                        订单关闭
                        <b style="width:26px;height:26px;margin-top:12px;margin-right:68px;" class="right_yh block_yh cursor mG hidden_yh"><img src="${pageContext.request.contextPath}/assets/images/shanchu.png" width="26" height="52"></b>
                    </div>
                    <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                    	<img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                        <div class="left_yh" style="width:580px;">
                        	<h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                            <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                            <p class="red" style="margin-top:10px;">￥268.00</p>
                        </div>
                        <div class="right_yh">
                        	<a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                        </div>
                    </div>
                    <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tleft">
                    	<font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                    </div>
                </div>
                	<!--bottom(一条)-->
                	<div class="width100 hidden_yh">
                	<div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                    	2017.09.28 14:30
                        订单号600123456001
                        交易成功
                        <b style="width:26px;height:26px;margin-top:12px;margin-right:68px;" class="right_yh block_yh cursor mG hidden_yh"><img src="${pageContext.request.contextPath}/assets/images/shanchu.png" width="26" height="52"></b>
                    </div>
                    <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                    	<img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                        <div class="left_yh" style="width:580px;">
                        	<h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                            <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                            <p class="red" style="margin-top:10px;">￥268.00</p>
                        </div>
                        <div class="right_yh">
                        	<a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                        </div>
                    </div>
                    <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tleft">
                    	<font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                        <a href="javascript:void(0)" class="c_33 onHover font20 onorange right_yh" style="margin-top:">已评论</a>
                    </div>
                </div>
                </div>
                <!--待付款-->
                <div class="waitingPay width100 hidden_yh hhD" style="display:none">
                	<!--bottom(一条)-->
                    <div class="width100 hidden_yh">
                        <div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                            2017.09.28 14:30
                            订单号600123456001
                            等待发货
                        </div>
                        <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                            <img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                            <div class="left_yh" style="width:580px;">
                                <h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                                <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                                <p class="red" style="margin-top:10px;">￥268.00(x1)</p>
                            </div>
                            <div class="right_yh">
                                <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                                <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">取消订单</a>
                            </div>
                        </div>
                        <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                            <img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                            <div class="left_yh" style="width:580px;">
                                <h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                                <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                                <p class="red" style="margin-top:10px;">￥268.00(x1)</p>
                            </div>
                            <div class="right_yh">
                                <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                                <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">取消订单</a>
                            </div>
                        </div>
                        <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tleft">
                    	<font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                        <a href="javascript:void(0)" class="c_33 onHover font20 onorange right_yh" style="margin-top:">去付款</a>
                    	</div>
                    </div>
                </div>
                <!--待发货-->
                <div class="deLivery width100 hidden_yh hhD" style="display:none;">
                    <!--bottom(一条)-->
                    <div class="width100 hidden_yh">
                        <div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                            2017.09.28 14:30
                            订单号600123456001
                            等待发货
                        </div>
                        <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                            <img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                            <div class="left_yh" style="width:580px;">
                                <h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                                <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                                <p class="red" style="margin-top:10px;">￥268.00</p>
                            </div>
                            <div class="right_yh">
                                <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                            </div>
                        </div>
                        <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                            <img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                            <div class="left_yh" style="width:580px;">
                                <h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                                <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                                <p class="red" style="margin-top:10px;">￥268.00</p>
                            </div>
                            <div class="right_yh">
                                <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                            </div>
                        </div>
                        <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tright">
                            <font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                        </div>
                    </div>
                    <!--bottom(一条)-->
                    <div class="width100 hidden_yh">
                        <div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                            2017.09.28 14:30
                            订单号600123456001
                            等待发货
                        </div>
                        <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                            <img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                            <div class="left_yh" style="width:580px;">
                                <h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                                <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                                <p class="red" style="margin-top:10px;">￥268.00</p>
                            </div>
                            <div class="right_yh">
                                <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                            </div>
                        </div>
                        <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tright">
                            <font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                        </div>
                    </div>
                </div>
                <!--待收货-->
                <div class="waitSh width100 hidden_yh hhD" style="display:none;">
                	<!--bottom(一条)-->
                	<div class="width100 hidden_yh">
                    <!--标题-->
                	<div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                    	2017.09.28 14:30
                        订单号600123456001
                        物流运输中
                    </div>
                    <!--之一-->
                    <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                    	<img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                        <div class="left_yh" style="width:580px;">
                        	<h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                            <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                            <p class="red" style="margin-top:10px;">￥268.00</p>
                        </div>
                        <div class="right_yh">
                        	<a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                            <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">退款/退货</a>
                            <a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">查看物流</a>
                        </div>
                    </div>
                    <!--总结-->
                    <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tleft">
                    	<font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                        <a href="javascript:void(0)" class="c_33 onHover font20 onorange right_yh" style="margin-top:">确认收货</a>
                    </div>
                	</div>
                </div>
                <!--待评价-->
                <div class="assess width100 hidden_yh hhD" style="display:none;">
                	<!--bottom(一条)-->
                	<div class="width100 hidden_yh">
                	<div class="width100 hidden_yh font20 c_66" style="background:#faf5f5;text-indent:47px;height:50px;line-height:50px;border-bottom:1px solid #ddd;">
                    	2017.09.28 14:30
                        订单号600123456001
                        交易成功
                        <b style="width:26px;height:26px;margin-top:12px;margin-right:68px;" class="right_yh block_yh cursor mG hidden_yh"><img src="${pageContext.request.contextPath}/assets/images/shanchu.png" width="26" height="52"></b>
                    </div>
                    <div style="width:838px;border-bottom:1px dashed #ddd;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh">
                    	<img src="${pageContext.request.contextPath}/assets/images/124f8b8b366c26d.jpg" width="100" height="100" class="left_yh">
                        <div class="left_yh" style="width:580px;">
                        	<h3 class="font18 c_33 font100">2017玉石摆件客厅装饰品玄关柜招财工艺品摆设</h3>
                            <p class="c_66 font16" style="margin-top:16px;">颜色;墨绿色  规格:15cm</p>
                            <p class="red" style="margin-top:10px;">￥268.00</p>
                        </div>
                        <div class="right_yh">
                        	<a href="javascript:void(0)" class="onfff block_yh tcenter font16 onHoverr" style="margin-top:10px;padding:6px;">订单详情</a>
                        </div>
                    </div>
                    <div style="width:838px;padding-top:30px;padding-bottom:30px;" class="hidden_yh center_yh tleft">
                    	<font class="font24">总金额<font class="font18 c_66">(含运费0元)：</font></font><font class="red font34"><font class="font24">￥</font>268.00</font>
                        <a href="javascript:void(0)" class="c_33 onHover font20 onorange right_yh" style="margin-top:">去评价</a>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
$(".mG").click(function(){
	$(this).parent().parent().remove()
	})
$("#navLt span").click(function(){
	var t=$(this).index();
	$(this).addClass("slect").siblings().removeClass("slect")
	$(".hhD").eq(t).css({display:"block"}).siblings(".hhD").css({display:"none"});
	})	
</script>
</body>
</html>
